{% extends "layout.html" %}

{% block css %}
<style>
</style>
{% endblock %}

{% block content %}
{% for topics in topics_group %}
<div class="row mt10">
    {% for topic in topics %}
    <div class="col">
        {% if topic %}
        <div class="card">
            <div class="card-header">
            {{ topic.title }}
            </div>
            <div class="card-body">
                <div class="card-text">
                {{ topic.topic}}
                </div>
                <div></div>
            </div>
            <div class="card-footer">
                2 days ago
                <a href="/topic/{{topic.tid}}">Info</a>
            </div>
        </div>
        {% endif %}
    </div>
    {% endfor %}
</div>
{% endfor %}

<div class="row mt10">
    <div class="col text-right">
        <a href="/list/0">More...</a>
    </div>
</div>
{% endblock %}

{% block js %}
<script>
</script>
{% endblock %}

